import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { BindingComponent } from './binding/binding.component';
import { NgClassComponent } from './ng-class/ng-class.component';
import { NgIfComponent } from './ng-if/ng-if.component';
import { NgForComponent } from './ng-for/ng-for.component';
import { NgContainerComponent } from './ng-container/ng-container.component';
import { NgContentComponent } from './ng-content/ng-content.component';
import { NgSwitchComponent } from './ng-switch/ng-switch.component';
import { NgStyleComponent } from './ng-style/ng-style.component';
import { NgTemplateComponent } from './ng-template/ng-template.component';

const routes: Routes = [
  {
    path: "binding", component: BindingComponent,
    data: {
      breadcrumb: 'binding'
    },
  },
  {
    path: "ngclass", component: NgClassComponent,
    data: {
      breadcrumb: 'ngclass'
    },
  },
  {
    path: "ngif", component: NgIfComponent,
    data: {
      breadcrumb: 'ngif'
    },
  },
  {
    path: "ngfor", component: NgForComponent,
    data: {
      breadcrumb: 'ngfor'
    },
  },
  {
    path: "ngcontainer", component: NgContainerComponent,
    data: {
      breadcrumb: 'ngcontainer'
    },
  },
  {
    path: "ngcontent", component: NgContentComponent,
    data: {
      breadcrumb: 'ngcontent'
    },
  },
  {
    path: "ngstyle", component: NgStyleComponent,
    data: {
      breadcrumb: 'ngstyle'
    },
  },
  {
    path: "ngswitch", component: NgSwitchComponent,
    data: {
      breadcrumb: 'ngswitch'
    },
  },
  {
    path: "ngtemplate", component: NgTemplateComponent,
    data: {
      breadcrumb: 'ngtemplate'
    },
  },
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class TemplateGrammarRoutingModule { }
